.createNewCourseBox{
    width: 100%;
    // height: 100%;
    overflow: auto;
    
    background: #FFFFFF;
    position: relative;
    // logo
    .newCourse-logo{
        width: 100%;
        box-sizing: border-box;
        padding: 0 42px 42px 42px;
        margin: 25px 0;
        &>img{
            width: 176px;
            height: 38px;
        }
    }
    // contentBox
    .newCourseContent{
        width: 100%;
        overflow: auto;
        box-sizing: border-box;
        padding: 0 42px 42px 42px;
        // tabMenu
        .tabMenu{
            width: 730px;
            margin: 33px auto 0 auto;;
            display: flex;
            &>div{
                flex: 1;
                padding: 20px 0;
                font-size: 16px;
                box-sizing: border-box;
                cursor: pointer;
                border-bottom: 2px solid #808080;
                span{
                    display: block;
                    text-align: center;
                    font-weight: bold;
                    border-right: 1px solid #808080;
                }
                
                &.actived{
                    color: #8A80C2;
                    font-weight: bold;
                    border-color: #8A80C2;
                }
                
            }
            div:last-child span{
                border-right: none;
            }
           
            
        }
        // creatCourseBox
        .creatCourseBox{
            margin: 14px auto;
            overflow: auto;
            // border: 1px solid black;
            .titleLine{
                width: 220px;
                margin: 0 auto;
                overflow: auto;
                padding: 30px 0;
                &>div{
                    float: left;
                }
                .left{
                    // width: 40px;
                    // height: 40px;
                    text-align: center;
                    .bgLeft{
                        background: url('../static/image/icon-progress-done.png') no-repeat center;
                        width: 40px;
                        height: 40px;
                        text-align: center;
                        line-height: 40px;
                        color: #ffffff;
                        font-weight: 500;
                        margin: 0 auto;
                    }
                    .bgRight{
                        background: url('../static/image/icon-progress-undone.png') no-repeat center;
                        width: 40px;
                        height: 40px;
                        text-align: center;
                        line-height: 40px;
                        color: #ffffff;
                        font-weight: 500;
                        margin: 0 auto;
                    }
                    p{
                        font-size: 16px;
                        font-weight: bold;
                    }
                }
                .middle{
                    position: relative;
                    width: 75px;
                    height: 40px;
                    &>div{
                        position: absolute;
                        top: 12px;
                        background: url('../static/image/icon-progress-arrow.png') no-repeat center;
                        width: 85px;
                        height: 12px;

                    }
                }
                .tipIcon{
                    width: 15px;
                    height: 15px;
                    margin-top: 12px;
                }
                
                
            }
            //firstContent
            .courseOneBox{
                width: 800px;
                height: 100%;
                overflow: auto;
                box-sizing: border-box;
                margin: 0 auto;
                background: #ffffff;
                box-shadow: 0 0 15px #dddddd;
                margin-bottom: 30px;

                

                .oneContent{
                    display: flex;
                    width: 100%;
                    height: 520px;
                    // height: 493px;
                    overflow: auto;
                    padding: 0 126px;
                    box-sizing: border-box;
                    // background: lightcyan;
                    &>div{
                        flex: 1;
                        // border-right: 1px solid #808080;
                    }
                    .oneContent_left{
                        // border-left: 1px solid black;
                        &>div{
                            margin-bottom: 10px;
                            .emptyTip{
                                color: red;
                                background: url('../static/image/failure.png') no-repeat left;
                                background-size: contain;
                                padding: 0 20px;
                            }
                            .emptyBox{
                                display: flex;
                                &>div{
                                    flex: 1;
                                }
                            }
                        }
                        .timeLine{
                            display: flex;
                            &>div{
                                flex: 1;
                                // float: left;
                                
                            }
                            div:first-child{
                                width: 155px!important;
                                margin-right: 10px;
                            }
                            div:last-child{
                                width: 108px!important;
                            }
                        }
                        .roundsBox{
                            width: 100%;
                            overflow: auto;
                            // border: 1px solid red;
                            &>div{
                                margin-bottom: 10px;
                            }
                        }
                        .roundsSelect{
                            width: 275px;
                            height: 40px;
                            margin: 10px 0;
                            border: 1px solid #e2e2dd;
                            border-radius: 5px;
                            color: #e2e2dd;
                            outline: none;
                            background: #fff;
                            -webkit-appearance: none;
                            padding-left: 10px;
                        }
                    }
                    
                }
                .tip{
                    text-align: center;
                    margin-top: 40px;
                    color: #CB3F2E;
                    font-size: 12px;
                }
                .nextStep{
                    width: 110px;
                    
                    color: #ffffff;
                    font-size: 12px;
                    background: #5847AC;
                    border-radius: 5px;
                    margin: 48px auto;
                    display: block;
                }
            }

            // seconedContent
            .courseTwoBox{
                box-sizing: border-box;
                width: 100%;
                padding: 0 46px;
                
                // 指量导入
                .bulkImport{
                    float: right;
                    width: 130px;
                    height: 26px;
                    line-height: 26px;
                    border-radius: 5px;
                    color: #ffffff;
                    text-align: center;
                    background: #8C81C3;
                    cursor: pointer;
                    img{
                        width: 10px;
                        height: 10px;
                    }
                }
                .teamBox{
                    width: 100%;
                    overflow: auto;
                    // border: 1px solid black;

                    .teamContent{
                        float: left;
                        width: 50%;
                       margin-bottom: 44px;
                        .team-title{
                            overflow: auto;
                            margin-bottom: 22px;
                            &>div{
                                float: left;
                            }
                            .teamName{
                                margin-left: 20px;
                                color: #FF7135;
                                font-weight: bold;
                            }
                            .addTeam{
                                margin-left: 29px;
                                img{
                                    width: 15px;
                                    height: 15px;
                                    vertical-align: bottom;
                                }
                                span{
                                    color: #8C81C3;
                                    text-decoration: underline;
                                    cursor: pointer;
                                }
                            }
                        }
                        table{
                            width: 100%;
                            text-align: center;
                            
                            thead{
                                tr{
                                    
                                    th{
                                        
                                        padding-bottom: 18px;
                                        &:nth-child(1){
                                            width: 8%;
                                        }
                                        &:nth-child(2){
                                            width: 56px;
                                            // width: 12%;
                                        }
                                        &:nth-child(3){
                                            width: 90px;
                                            // width: 16%;
                                        }
                                        &:nth-child(4){
                                            width: 46px;
                                            // width: 12%;
                                        }
                                        &:nth-child(5){
                                            width: 90px;
                                            // width: 30%;
                                        }
                                        &:nth-child(6){
                                            width: 90px;
                                            // width: 22%;
                                        }
                                    }
                                }
                            }
                            tbody{
                                tr{
                                    td{
                                        padding-bottom: 29px;
                                        // padding-bottom: 19px;
                                        .emptyTip2{
                                                color: red;
                                                background: url('../static/image/failure.png') no-repeat left;
                                                background-size: contain;
                                                padding: 0 20px;
                                                position: absolute;
                                                left: 38px;
                                                bottom: 8px;
                                            }
                                            
                                        &:nth-child(1){
                                            width: 8%;
                                        }
                                        &:nth-child(2){
                                            width: 56px;
                                            input{
                                                width: 56px;
                                            }
                                            // width: 12%;
                                        }
                                        &:nth-child(3){
                                            width: 90px;
                                            position: relative;
                                            input{
                                                width: 90px;
                                            }
                                            // width: 16%;
                                        }
                                        &:nth-child(4){
                                            width: 46px;
                                            select{
                                                width: 46px;   
                                                padding-left: 20%;                                        
                                                -webkit-appearance: none;
                                            }
                                            // width: 12%;
                                        }
                                        &:nth-child(5){
                                            width: 90px;
                                            input{
                                                width: 90px;
                                            }
                                            // width: 30%;
                                        }
                                        &:nth-child(6){
                                            input{
                                                width: 90px;
                                            }
                                            width: 90px;
                                            // width: 22%;
                                        }
                                        input{
                                            width: 80%;
                                            height: 26px;
                                            text-align: center;
                                            border: 1px solid #8A80C2;
                                            border-radius: 5px;
                                            outline: none;
                                            // cursor: pointer;
                                        }
                                        select{
                                            width: 80%;
                                            height: 28px;
                                            text-align: center;
                                            border: 1px solid #8A80C2;
                                            border-radius: 5px;
                                            outline: none;
                                            padding: 0 15%;
                                            -webkit-appearance: none;
                                            // cursor: pointer;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                // 
                .teamBtn{
                    text-align: center;
                    &>button{
                        width: 110px;
                        height: 26px;
                        line-height: 26px;
                        font-size: 12px;
                        color: #fff;
                        border: none;
                        background: #5847AD;
                    }
                    button:first-child{
                        margin-right: 26px;
                    }
                }
            }
            // 批量导入学员账号dialog
            .batchImportDialog{
                .dialogErr{
                    clear: both;
                    color: red;
                    // background-image: url('../static/image/failure.png') no-repeat left;
                    background-size: contain;
                    // padding: 0 20px;
                    height: 20px;
                    overflow: auto;
                    font-size: 14px;
                    img{
                        width: 15px;
                        height: 15px;
                        vertical-align: sub;
                    }
                    span{
                        color: red;
                        font-size: 14px;
                    }
                }
                .el-dialog{
                    left: 40%;
                    width: 445px!important;
                    .el-dialog__headerbtn .el-dialog__close {
                        position: absolute;
                        top: 0;
                        right: 0;
                        font-weight: bold;
                        color: #ACA4D5 !important;
                        background: none !important;
                        
                    }
                    .el-dialog__body{
                        padding: 0!important;
                        
                    }
                    .uploadContent{
                        width: 100%;
                        overflow: auto;
                        .uploadTitle{
                            text-align: center;
                            margin-bottom: 40px;
                            h3{
                                font-size: 16px;
                                color: #333333;
                                font-weight: bold;
                            }
                            div{
                                width: 15px;
                                margin: 10px auto;
                                border-bottom: 2px solid #535353;
                            }
                        }
                        .uploadLine{
                            h4{
                                color: #333333;
                                font-size: 12px;
                            }
                            .file{
                                position: relative;
                                overflow: auto;
                                display: flex;
                                height: 66px;
                                .upload-word{
                                    // flex:1;
                                    display: block;
                                    float: left;
                                    width: 260px;
                                    height: 30px;
                                    padding: 0 5px;
                                    margin-right: 15px;
                                    font-size: 12px;
                                    color: #c4c4c4;
                                    border-radius: 5px;
                                    box-sizing: border-box;
                                    border: 1px solid #c4c4c4;
                                }
                                // 上传
                                .upload-demo{
                                    float: left;
                                    height: 30px;
                                    width: 100px;
                                    line-height: 30px;
                                    font-size: 12px;
                                    .el-button--primary {
                                        border-radius: 0!important;
                                        width: 100px;
                                        height: 30px;
                                        line-height: 30px;
                                        text-align: center;
                                        padding: 0;
                                        background-color: #8C81C3;
                                        border-color: #8C81C3;
                                        border-radius: 3px;
                                        &>span{
                                            overflow: auto;
                                            display: block;
                                            height: 30px;
                                            line-height: 30px;
                                            box-sizing: border-box;
                                            // border: 1px solid black;
                                            .upload{
                                                width: 20px;
                                                height: 20px;
                                                margin-bottom: 2px;
                                            }
                                            .upword{
                                                font-size: 12px;
                                                vertical-align: super;
                                            }
                                        }
                                    }
                                    .el-upload-list{
                                        position: absolute;
                                        top: 32px;
                                        left: 0;
                                        .el-upload-list__item{
                                            margin-top: 8px;
                                            &>a{
                                                padding-left: 0;
                                            }
                                        }
                                    }
                                }
                            }
                            .promptContent{
                                clear: both;
                                // margin-top: 38px;
                                color: #808080;
                                font-size: 12px;
                                p{
                                    width: 376px;
                                    height: 30px;
                                    line-height: 30px;
                                    padding: 0;
                                    a{
                                        color: #0004FF;
                                        text-decoration: underline;
                                    }
                                }
                            }
                        }
                    }
                    .dialog-footer{
                        .el-button--primary {
                            border-radius: 4px;
                            width: 110px;
                            height: 30px;
                            line-height: 30px;
                            text-align: center;
                            padding: 0;
                            background: #8b81c3;
                            border: none;
                            span{
                                font-size: 12px;
                            }
                        }
                    }
                }
                
            }
            // 创建成功dialog
            .successModalBox{
                .el-dialog{
                    // width: 376px!important;
                    // height: 310px;
                    // overflow: auto;
                    // left:40%;
                    width: 376px !important;
                    position: fixed;
                    top: 0;
                    height: 310px;
                    overflow: auto;
                    /* left: 40%; */
                    bottom: 0;
                    left: 0;
                    right: 0;
                    .el-dialog__headerbtn .el-dialog__close {
                        position: absolute;
                        top: 0;
                        right: 0;
                        font-weight: bold;
                        color: #ACA4D5 !important;
                        background: none !important;
                        
                    }
                    .el-dialog__body{
                        padding: 0!important;
                        
                    }
                    .dialog-footer{
                        .el-button--primary {
                            border-radius: 4px;
                            width: 110px;
                            height: 30px;
                            line-height: 30px;
                            text-align: center;
                            padding: 0;
                            background: #8b81c3;
                            border: none;
                            span{
                                font-size: 12px;
                            }
                        }
                    }
                }
                .scuccessContent{
                    text-align: center;
                    h3{
                        font-size: 16px;
                        font-weight: bold;
                    }
                    &>div{
                        font-size: 12px;
                        margin-bottom: 10px;
                        span{
                            font-size: 12px; 
                            margin: 0 10px;
                            
                        }
                    }
                }
            }
            
            // 添加学员
            .studentHeader{
                margin: 30px auto;
                text-align: center;
                font-size: 18px;
                overflow: auto;
                h3{
                    font-weight: bold;
                    margin-bottom: 17px;
                }
                &>div{
                    width: 20px;
                    margin: 0 auto;
                    border-bottom: 2px solid #333;
                }
            }
            .courseThirdBox{
                width: 100%;
                overflow: auto;
                border: 1px solid black;
                table{
                    width: 1048px;
                    margin: 0 auto;
                    // background: lightpink;
                    thead{
                        background: #fff;
                        box-shadow: 0 0 5px rgba(200, 200, 200, 0.3);
                        tr{
                            th{
                                height: 52px;
                                line-height: 52px;
                                text-align: center;
                                &:nth-child(1){
                                    width: 66px;
                                }
                                &:nth-child(2){
                                    width: 128px;
                                }
                                &:nth-child(3){
                                    width: 128px;
                                }
                                &:nth-child(4){
                                    width: 128px;
                                }
                                &:nth-child(5){
                                    width: 128px;
                                }
                                &:nth-child(6){
                                    width: 128px;
                                }
                                &:nth-child(7){
                                    width: 128px;
                                }
                                &:nth-child(8){
                                    width: 128px;
                                }
                                &:nth-child(8){
                                    width: 86px;
                                }
                            }
                        }
                    }
                    tbody{
                        tr{
                            td{
                                text-align: center;
                                img{
                                    width: 50px;
                                    height: 50px;
                                    border: 1px solid #808080;
                                    border-radius: 50%;
                                }
                            }
                        }
                    }
                }
            }
        }
        
        
    }

    // 导入modal
    .importModalBox{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        box-sizing: border-box;
        background: rgba(0,0,0, 0.3);
        .modalContent{
            width: 90%;
            overflow: auto;
            margin: 200px auto;
            background: #fff;
            .modalTitle{
                margin: 50px 0;
                text-align: center;
                h3{
                    font-size: 16px;
                    color: #4A4A4A;
                    font-weight: bold;
                }
                div{
                    width: 15px;
                    margin: 20px auto;
                    border-bottom:1px solid #868686
                }
            }
            .teamBox1{
                width: 100%;
                padding: 0 20px; 
                box-sizing: border-box;
                display: flex;
                flex-wrap: wrap;
                .emptyTip3{
                    color: red;
                    background: url('../static/image/failure.png') no-repeat left;
                    background-size: contain;
                    padding: 0 20px;
                }
                .teamContent1{
                    // float: left;
                    width: 50%;
                    margin-bottom: 44px;
                    .team-title1{
                        overflow: auto;
                        margin-bottom: 22px;
                        &>div{
                            float: left;
                        }
                        .teamName1{
                            margin-left: 47px;
                            color: #FF7135;
                            font-weight: bold;
                        }
                        .addTeam1{
                            margin-left: 29px;
                            img{
                                width: 15px;
                                height: 15px;
                                vertical-align: bottom;
                            }
                            span{
                                color: #8C81C3;
                                text-decoration: underline;
                            }
                        }
                    }
                    table{
                        width: 100%;
                        text-align: center;
                        
                        thead{
                            tr{
                                
                                th{
                                    
                                    padding-bottom: 18px;
                                    &:nth-child(1){
                                        width: 8%;
                                    }
                                    &:nth-child(2){
                                        width: 56px;
                                        // width: 12%;
                                    }
                                    &:nth-child(3){
                                        width: 90px;
                                        // width: 16%;
                                    }
                                    &:nth-child(4){
                                        width: 46px;
                                        // width: 12%;
                                    }
                                    &:nth-child(5){
                                        width: 90px;
                                        // width: 30%;
                                    }
                                    &:nth-child(6){
                                        width: 90px;
                                        // width: 22%;
                                    }
                                }
                            }
                        }
                        tbody{
                            tr{
                                td{
                                    padding-bottom: 19px;
                                    &:nth-child(1){
                                        width: 12%;
                                        font-weight: bold;
                                        span{
                                            font-weight: bold;
                                            color: #FF7135;
                                            margin-right: 10px;
                                        }
                                    }
                                    &:nth-child(2){
                                        width: 56px;
                                        input{
                                            width: 56px;
                                        }
                                        // width: 12%;
                                    }
                                    &:nth-child(3){
                                        width: 90px;
                                        input{
                                            width: 90px;
                                        }
                                        // width: 16%;
                                    }
                                    &:nth-child(4){
                                        width: 46px;
                                        select{
                                            width: 46px;
                                            -webkit-appearance: none;
                                        }
                                        // width: 12%;
                                    }
                                    &:nth-child(5){
                                        width: 90px;
                                        input{
                                            width: 90px;
                                        }
                                        // width: 30%;
                                    }
                                    &:nth-child(6){
                                        input{
                                            width: 90px;
                                        }
                                        width: 90px;
                                        // width: 22%;
                                    }
                                    input{
                                        width: 80%;
                                        height: 26px;
                                        text-align: center;
                                        border: 1px solid #8A80C2;
                                        border-radius: 5px;
                                        outline: none;
                                        // cursor: pointer;
                                    }
                                    select{
                                        width: 80%;
                                        height: 28px;
                                        text-align: center;
                                        border: 1px solid #8A80C2;
                                        border-radius: 5px;
                                        outline: none;
                                        // cursor: pointer;
                                    }
                                }
                            }
                        }
                    }
                }
                
            }
            .teamBtn1{
                text-align: center;
                margin-bottom: 70px;
                &>button{
                    width: 110px;
                    height: 26px;
                    line-height: 26px;
                    font-size: 12px;
                    color: #fff;
                    border: none;
                    background: #5847AD;
                }
                button:first-child{
                    margin-right: 26px;
                }
            }
        }
        

    }

    // tip
    .creatTipBox{
        display: flex;
        position: fixed;
        bottom: 45px;
        left: 140px;
        z-index: 1000;
        width: 100%;
        height: 80px;
        box-sizing: border-box;
        padding:0 80px;
        background: #fff;
        &>div{
            flex: 1;
            line-height: 80px;
            span{
                margin: 0 10px;
                
            }
        }
        .left-number{
            margin: 0 5px;
            font-size: 16px;
            font-weight: bold;
        }
        button{
            display: inline-block;
            color: #fff;
            border: none;
            width: 110px;
            height: 30px;
            border-radius: 3px;
            margin: 0 20px;
            background: #5847AD;

        }
        button:first-child{
            background: #5847AD;
        }
    }

    .purple{
        color: #8A80C2;
    }
    .red{
        color: red;
        font-size: 10px;
        line-height: 10px;
        margin-right: 10px;
    }
    .darkPurple{
        color: #5847AD
    }
    label{
        font-size: 12px;
        color: #333333;
        font-weight: bold;
        height: 16px!important;
    }
    .el-input{
        width: 270px!important;
        height: 30px;
        margin-top: 8px;
        margin-bottom: 24px;
        
    }
    .el-input .el-input__inner {
        font-size: 10px;
        color: #B6B6B5;
    
    }
    
    .el-select-dropdown__item.selected {
        color: #B6B6B5!important;
        font-weight: 700;
    }
    // checkbox
    .el-checkbox{
        width: 100%!important;
        margin-bottom: 0!important;
        .el-checkbox__input{
            .el-checkbox__inner{
                border-radius: 3px;
                &:hover{
                    border-color: #8c81c3;
                }
            }
        }
        .el-checkbox__input.is-checked .el-checkbox__inner{
            background-color: #fff;
            border-color: #8c81c3;
        }
        .el-checkbox__input.is-focus .el-checkbox__inner{
            border-color: #8c81c3;
        }
        .el-checkbox, .el-checkbox__input.is-checked + .el-checkbox__label{
            color: #8c81c3;
        }
        .el-checkbox__input .el-checkbox__inner::after{
            top: 3px;  
            left: 3px;  
            width: 6px;  
            height: 6px;   
            transform: none;
            border: none;
        }
        .el-checkbox__input.is-checked .el-checkbox__inner::after{
            background-color:#8c81c3;  
            content: ''; 
        }
        .el-checkbox__label{
            color: #333333!important;
            font-size: 12px;
            font-weight: bold;
            i{
                color: #363636;
                font-size: 12px;
                font-style: normal;
                margin-left: 10px;
                vertical-align: top;
                font-weight: 400;
            }
        }
    }
    
}